<!--
 * @Descriptio
 * @Author: 刘朝阳
 * @Date: 2021-07-15 09:30:40
 * @LastEditors: Zourongsheng
 * @LastEditTime: 2021-07-17 15:53:34
-->

<template>
  <div>
    <title>宣传视频</title>
    <h1 align="center">武汉加油！中国加油！</h1>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- autoplay自动播放
    controls进度条
    loop循环播放 -->

    <!-- 视频播放-mp4-video -->
    <video autoplay controls loop 
    src="./media/epidemic-video.mp4"
    align="center" width="995px" height="500px"></video>
</body>
</html>
  </div>
  
</template>

<script>
export default {
  data() {
    return {
      
    };
  },
  computed: {},
  methods: {},
  created() {},
  mounted() {},
};


</script>
<style scoped>
*{
  margin: 0;
  padding: 0;
}
div {
  height: calc((100vh - 50px));
  width:100%;
  text-align: center;
  margin:0 auto;
  border-radius:20px;
  background-color: rgba(211,220,230);
}
</style>